.btn-hover {
	cursor: pointer;
	transition: all 0.4s cubic-bezier(0.26, 0.63, 0.35, 0.95) 0s;
	.btn-hover-text,
	.btn-hover-icon {
		transition: all 0.4s cubic-bezier(0.26, 0.63, 0.35, 0.95) 0s;
	}
	&:hover {
		.btn-hover-text {
			color: #fff !important;
		}
		.btn-hover-icon {
			fill: #fff !important;
		}
	}
}
.btn-active {
	.btn-hover-text {
		color: #fff !important;
	}
	.btn-hover-icon {
		fill: #fff !important;
	}
}
// 通知弹窗样式 start
.notification {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 999;
	width: 200px;
	padding: 12px 14px 12px 20px;
	transition: all 0.4s cubic-bezier(0.26, 0.63, 0.35, 0.95) 0s;
	transform: translateX(100%);
	opacity: 0;
	border-left: 8px solid #fff;
	word-break: break-all;
	font-size: 16px;
	color: #fff;
	&.show {
		transform: translateX(0);
		opacity: 1;
	}
	&.hide {
		opacity: 0;
	}
	&-success {
		background: linear-gradient(90deg, rgba(41, 242, 85, 0.30) 0%, rgba(30, 30, 32, 0.30) 100%);
		backdrop-filter: blur(5.949999809265137px);
		border-left-color: #29F255;
	}
	&-info {
		background: linear-gradient(90deg, rgba(242, 203, 41, 0.30) 0%, rgba(30, 30, 32, 0.30) 100%);
		backdrop-filter: blur(5.949999809265137px);
		border-left-color: #F2CB29;
	}
	&-error {
		background: linear-gradient(90deg, rgba(242, 41, 41, 0.30) 0%, rgba(30, 30, 32, 0.30) 100%);
		backdrop-filter: blur(5.949999809265137px);
		border-left-color: #F22929;
	}
}
// 通知弹窗样式 end
.placeholder-style {
	color: #BABAD8 !important;
}